<template>
    <div class="foot flex-center-between">
        <div class="version">
            <p>编号:MU000008</p>
            <p>版本:V5.0.2202.2827</p>
        </div>
        <div class="countdown flex">
            <van-count-down :time="time" format="ss" @finish="finish" />
            <span class="unit">s</span>
        </div>
        <div class="btns flex-center">
            <div class="btn back-btn" @click="$router.go(-1)">
            返回
            </div>
            <div class="btn logout-btn" @click="logout">
               退出
            </div>
        </div>
    </div>
</template>
<script>

export default {
    data() {
        return {
            time: 120 *1000
        }
    },
    methods: {
        finish() {
            console.log('倒计时结束')
            this.$router.replace('/')
        },
        logout() {
            this.$router.replace('/')
            console.log('退出')
        }
    }
}
</script>

<style lang="scss" scoped>
.foot {
    height: 85px;
    padding: 0 28px;
    width: 100%;
    position: absolute;
    bottom: 0;
    box-sizing: border-box;
    .version {
        font-size: 17px;
        font-family: SimHei;
        font-weight: 400;
        color: #585D69; 
    }
    .countdown {
        font-size: 43px;
        font-family: Arial;
        font-weight: 400;
        color: #A0A0A0; 
    }
    .van-count-down {
        font-size: 43px;
        font-family: Arial;
        font-weight: 400;
        color: #A0A0A0;
    }
    .unit {
        font-size: 28px;
    }
    .logout-btn {
        margin-left: 17px;
    }
}
</style>